@layout("/backend/common/_container.html"){
<link href="${ctxPath}/static/backend/sds/qcportal/portal.css" rel="stylesheet">
<#Hidden id="departCode" value="${departCode!}"/>
<#Hidden id="departDesc" value="${departDesc!}"/>
<#Hidden id="officeMap" value="${officeMap}"/>
<#Hidden id="oneOffice" value="yes"/>
<#Hidden id="departMap" value="${departMap}"/>
<#Hidden id="entityMap" value="${entityMap}"/>
<#Hidden id="yearMap" value="${yearMap}"/>
<#Hidden id="monthMap" value="${monthMap}"/>
<#Hidden id="enableIPQC" value="${enableIPQC!}"/>
<#Hidden id="enableGeneralInfo" value="${enableGeneralInfo!}"/>
<#Hidden id="enableDisFillingInfo" value="${enableDisFillingInfo!}"/>
<#Hidden id="enableDisReportInfo" value="${enableDisReportInfo!}"/>
<!--主页面-->
<div class="hisui-panel" fit="true" style="padding:10px;border:0px;overflow: auto">
    @if (enableGeneralInfo == 'Y') {
    <div class="hisui-panel" title="上报总体情况" style="padding:10px;border-radius:5px;float: left;"
         data-options="headerCls:'panel-header-card-gray'">

        <div class="index-row">
            <div class="index-dim" style="width: 15%">
                <div class="index-dimdata">
                    <span class="index-label">今日上报：</span>
                    <a id="todayRep" class="index-value">-</a>
                </div>
                <table class="index-dimsubdata">
                    <tr>
                        <td class="index-sublabel">同比</td>
                        <td class="index-subvalue" id="overDayRepRatio">-</td>
                        <td class="index-sublabel">门诊上报</td>
                        <td class="index-subvalue" id="todayOPRep">-</td>
                    </tr>
                    <tr>
                        <td class="index-sublabel">环比</td>
                        <td class="index-subvalue" id="preDayRepRatio">-</td>
                        <td class="index-sublabel">住院上报</td>
                        <td class="index-subvalue" id="todayIPRep">-</td>
                    </tr>
                </table>
            </div>
            <div class="index-dim" style="width: 15%">
                <div class="index-dimdata">
                    <span class="index-label">本月上报：</span>
                    <a id="monthRep" class="index-value">-</a>
                </div>
                <table class="index-dimsubdata">
                    <tr>
                        <td class="index-sublabel">同比</td>
                        <td class="index-subvalue" id="overMonthRepRatio">-</td>
                        <td class="index-sublabel">门诊上报</td>
                        <td class="index-subvalue" id="monthOPRep">-</td>
                    </tr>
                    <tr>
                        <td class="index-sublabel">环比</td>
                        <td class="index-subvalue" id="preMonthRepRatio">-</td>
                        <td class="index-sublabel">住院上报</td>
                        <td class="index-subvalue" id="monthIPRep">-</td>
                    </tr>
                </table>
            </div>
            <div class="index-dim" style="width: 15%">
                <div class="index-dimdata">
                    <span class="index-label">本季上报：</span>
                    <a id="quarterRep" class="index-value">-</a>
                </div>
                <table class="index-dimsubdata">
                    <tr>
                        <td class="index-sublabel">同比</td>
                        <td class="index-subvalue" id="overQuarterRepRatio">-</td>
                        <td class="index-sublabel">门诊上报</td>
                        <td class="index-subvalue" id="quarterOPRep">-</td>
                    </tr>
                    <tr>
                        <td class="index-sublabel">环比</td>
                        <td class="index-subvalue" id="preQuarterRepRatio">-</td>
                        <td class="index-sublabel">住院上报</td>
                        <td class="index-subvalue" id="quarterIPRep">-</td>
                    </tr>
                </table>
            </div>
            <div class="index-dim" style="width: 15%">
                <div class="index-dimdata">
                    <span class="index-label">本年上报：</span>
                    <a id="yearRep" class="index-value">-</a>
                </div>
                <table class="index-dimsubdata">
                    <tr>
                        <td class="index-sublabel">同比</td>
                        <td class="index-subvalue" id="preYearRepRatio">-</td>
                        <td class="index-sublabel">门诊上报</td>
                        <td class="index-subvalue" id="yearOPRep">-</td>
                    </tr>
                    <tr>
                        <td class="index-sublabel"></td>
                        <td class="index-subvalue" id=""></td>
                        <td class="index-sublabel">住院上报</td>
                        <td class="index-subvalue" id="yearIPRep">-</td>
                    </tr>
                </table>
            </div>
            <div class="index-dim" style="width: 15%">
                <div class="index-dimdata">
                    <span class="index-label">累计上报：</span>
                    <a id="totalRep" class="index-value">-</a>
                </div>
                <table class="index-dimsubdata">
                    <tr>
                        <td class="index-sublabel">门诊上报</td>
                        <td class="index-subvalue" id="totalOPRep">-</td>
                    </tr>
                    <tr>
                        <td class="index-sublabel">住院上报</td>
                        <td class="index-subvalue" id="totalIPRep">-</td>
                    </tr>
                </table>

            </div>
            <div class="index-dim" style="width: 10%">
                <div class="index-dimdata" style="width: 100%;">
                    <span class="index-label">迟报:</span>
                    <a id="delayReport" class="index-disvalue">-</a>
                </div>
            </div>
            <div class="index-dim" style="width: 10%">
                <div class="index-dimdata" style="width: 100%;">
                    <span class="index-label">已开展病种：</span>
                    <a id="disHasDev" class="index-disvalue">-</a>
                </div>
            </div>
        </div>
        <div>
            <div style="width:100%;height:30px;padding-left: 10px;" hidden="hidden">
                <table style="border-collapse:separate;">
                    <tr>
                        <td style='padding-left:5px' class='r-label' for="qcYear">年:</td>
                        <td>
                            <input class="hisui-combobox textbox" style="width:145px" id="qcYear"/>
                        </td>
                        <td style='padding-left:5px' class='r-label' for="qcMonth">月:</td>
                        <td>
                            <input class="hisui-combobox textbox" style="width:145px" id="qcMonth"/>
                        </td>
                        <td style='padding-left:5px' class='r-label' for="qcEntity">病种名称:</td>
                        <td>
                            <input class="hisui-combobox textbox" style="width:145px" id="qcEntity"/>
                        </td>
                        <td style='padding-left:5px' class='r-label' for="office">院区:</td>
                        <td>
                            <input class="hisui-combobox textbox" style="width:145px" id="office"/>
                        </td>
                        <td style='padding-left:5px' class='r-label' for="depart">科室:</td>
                        <td>
                            <input class="hisui-combobox textbox" style="width:145px" id="depart"/>
                        </td>
                        <td style='padding-left:5px'>
                            <a href="#" id="search" class="hisui-linkbutton" onclick="Home.search()">查询</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="height:360px;padding-top:10px;">
                <div data-options="region:'west',split:true"
                     style="float: left;width:calc((100%) / 3);border:none;padding-right:10px">
                    <div class="hisui-panel"
                         style="height:350px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                         data-options="headerCls:'panel-header-card-gray'">
                        <div style="text-align:right;padding-right:10px;height: 23px;width: 100%">
                            <label style="height:19px;width:0px"></label>
                            <a id="downloadLastYear" title="保存为图片" class="icon-download">&nbsp;&nbsp;&nbsp;</a>
                        </div>
                        <div id="lastYear" style="width:100%;height:100%;"></div>
                    </div>
                </div>
                <div data-options="region:'center',border:false" style="float:left;height:100%;width:calc((100%) / 3);padding-right:10px">
                    <div class="hisui-panel"
                         style="height:350px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                         data-options="headerCls:'panel-header-card-gray'">
                        <div style="text-align:right;padding-right:10px;height: 23px;width: 100%">
                            <input type="radio" class="hisui-radio" name="LocRido" value="month"
                                   data-options='onChecked:function(event,value){objScreen.refLocSum()}'
                            >本月</input>
                            <input type="radio" class="hisui-radio" name="LocRido" value="quarter"
                                   data-options='onChecked:function(event,value){objScreen.refLocSum()}'
                                   checked>本季度</input>
                            <a id="LocSumMore" title="更多信息" class="hisui-tooltip more-oper">...</a>
                            <a id="downloadLocSum" title="保存为图片" class="icon-download">&nbsp;&nbsp;&nbsp;</a>
                        </div>
                        <div id="LocSum" style="width:100%;height:100%;"></div>
                    </div>
                </div>
                <div data-options="region:'east',border:false" style="float:left;height:100%;width:calc((100%) / 3);">
                    <div class="hisui-panel"
                         style="height:350px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                         data-options="headerCls:'panel-header-card-gray'">
                        <div style="text-align:right;padding-right:10px;height: 23px;width: 100%">
                            <input type="radio" class="hisui-radio" name="UpTimeRido" value="month"
                                   data-options='onChecked:function(event,value){objScreen.reportInTimeRate()}'
                            >本月</input>
                            <input type="radio" class="hisui-radio" name="UpTimeRido" value="quarter"
                                   data-options='onChecked:function(event,value){objScreen.reportInTimeRate()}'
                                   checked>本季度</input>
                            <a id="upTimeEntityMore" title="更多信息" class="hisui-tooltip more-oper">...</a>
                            <a id="downloadUpTimeEntity" title="保存为图片" class="icon-download">&nbsp;&nbsp;&nbsp;</a>
                        </div>
                        <div id="upTimeEntityChart" style="width:100%;height:100%;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @}
    @if (enableDisFillingInfo == 'Y') {
    <div class="hisui-panel" title="病种填报分析"
         style="height:auto;padding:10px;border-radius:5px;clear: both;overflow: hidden"
         data-options="headerCls:'panel-header-card-gray'">
        <div data-options="region:'west',border:false"
             style="float: left;width:calc((100% - 10px) / 2);margin-top:5px;border:none;">
            <div class="hisui-panel"
                 style="height:345px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <input type="radio" class="hisui-radio" name="RefSum" value="ASC"
                           data-options='onChecked:function(event,value){objScreen.refARatio("ASC")}'
                    >从低排名</input>
                    <input type="radio" class="hisui-radio" name="RefSum" value="DESC"
                           data-options='onChecked:function(event,value){objScreen.refARatio("DESC")}'
                           checked>从高排名</input>
                    <a id="refARatio-More" title="更多信息" class="hisui-tooltip more-oper">...</a>
                    <a id="downloadRefARatio" title="保存为图片" class="icon-download">&nbsp;&nbsp;&nbsp;</a>
                </div>
                <div id="refARatio" style="width:100%;height:320px;"></div>
            </div>
        </div>
        <div data-options="region:'center',border:false"
             style="float: left;width:calc((100% - 10px) / 2);margin: 5px 0 0 10px;border:none;">
            <div class="hisui-panel"
                 style="height:345px;padding:0px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <input type="radio" class="hisui-radio" name="TimeSum" value="ASC"
                           data-options='onChecked:function(event,value){objScreen.qcUseTime("ASC")}'
                           checked>从低排名</input>
                    <input type="radio" class="hisui-radio" name="TimeSum" value="DESC"
                           data-options='onChecked:function(event,value){objScreen.qcUseTime("DESC")}'>从高排名</input>
                    <a id="qcUseTime-More" title="更多信息" class="hisui-tooltip more-oper">...</a>
                    <a id="downloadQcUseTime" title="保存为图片" class="icon-download">&nbsp;&nbsp;&nbsp;</a>
                </div>
                <div id="qcUseTime" style="width:100%;height:320px;"></div>
            </div>
        </div>
    </div>
    @}
    @if (enableDisReportInfo == 'Y') {
    <div class="hisui-panel" title="上报统计分析"
         style="height:auto;padding:10px;border-radius:5px;clear: both;overflow: hidden"
         data-options="headerCls:'panel-header-card-gray'">
        <div data-options="region:'west',border:false"
             style="float: left;width:calc((100% - 10px) / 2);margin-top:5px;border:none;">
            <div class="hisui-panel" style="height:345px;padding:0px;border-radius:5px;border:1px solid #E3E3E3;"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <input type="radio" class="hisui-radio" name="QCRido" value="month" data-options='onChecked:function(event,value){objScreen.refQCSum()}'>本月</input>
                    <input type="radio" class="hisui-radio" name="QCRido" value="quarter" data-options='onChecked:function(event,value){objScreen.refQCSum()}' checked>本季度</input>
                    <a id="QCSumMore" title="更多信息" class="hisui-tooltip more-oper">...</a>
                </div>
                <div id="QCSum" style="width:100%;height:320px;"></div>
            </div>
        </div>
        <div data-options="region:'center',border:false"
             style="float: left;width:calc((100% - 10px) / 2);margin: 5px 0 0 10px;border:none;">
            <div class="hisui-panel" style="height:345px;padding:0px;border-radius:5px;border:1px solid #E3E3E3;"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <input type="radio" class="hisui-radio" name="DocRido" value="month" data-options='onChecked:function(event,value){objScreen.refDocSum()}'>本月</input>
                    <input type="radio" class="hisui-radio" name="DocRido" value="quarter" data-options='onChecked:function(event,value){objScreen.refDocSum()}' checked>本季度</input>
                    <a id="DocSumMore" title="更多信息" class="hisui-tooltip more-oper">...</a>
                </div>
                <div id="DocSum" style="width:100%;height:320px;"></div>
            </div>
        </div>
    </div>
    @}
    @if (enableIPQC == 'Y') {
    <div class="hisui-panel" title="过程质控统计"
         style="height:auto;padding:10px;border-radius:5px;clear: both;overflow: hidden"
         data-options="headerCls:'panel-header-card-gray'">
        <!--        <div class="hisui-layout" data-options="fit:true">-->
        <div data-options="region:'west',split:true"
             style="float: left;width:calc((100% - 10px) / 2);margin-top:5px;border:none;">
            <div class="hisui-panel"
                 style="height:345px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:10px;height: 23px;width: 100%"></div>
                <div id="qcTrigger" style="width:100%;height:100%;padding-left: 15px"></div>
            </div>
        </div>
        <div data-options="region:'west',split:true"
             style="float: left;width:calc((100% - 10px) / 2);margin:5px 0 0 10px;border:none;">
            <div class="hisui-panel"
                 style="height:345px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <a id="qcCategory-More" title="更多信息" class="hisui-tooltip more-oper">...</a>
                </div>
                <div id="qcCategory" style="width:100%;height:320px;"></div>
            </div>
        </div>

        <div data-options="region:'center',border:false"
             style="float: left;width:calc((100% - 10px) / 2);margin-top:5px;border:none;">
            <div class="hisui-panel"
                 style="height:345px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <input type="radio" class="hisui-radio" name="TimeSum" value="ASC"
                           data-options='onChecked:function(event,value){objScreen.qcDeptSta("ASC")}'
                           checked>从低排名</input>
                    <input type="radio" class="hisui-radio" name="TimeSum" value="DESC"
                           data-options='onChecked:function(event,value){objScreen.qcDeptSta("DESC")}'>从高排名</input>
                    <a id="qcDept-More" title="更多信息" class="hisui-tooltip more-oper">...</a>
                </div>
                <div id="qcDept" style="width:100%;height:320px;"></div>
            </div>
        </div>
        <div data-options="region:'west',split:true"
             style="float: left;width:calc((100% - 10px) / 2);margin:5px 0 0 10px;border:none;">
            <div class="hisui-panel"
                 style="height:345px;border-radius:5px;border:1px solid #E3E3E3;overflow: hidden"
                 data-options="headerCls:'panel-header-card-gray'">
                <div style="text-align:right;padding-right:5px;height: 23px">
                    <a id="qcDoc-More" title="更多信息" class="hisui-tooltip more-oper">...</a>
                </div>
                <div id="qcDoc" style="width:100%;height:320px;padding-left: 15px"></div>
            </div>
        </div>
    </div>
    @}
</div>


<script type="text/javascript" src="${ctxPath}/static/common/js/echarts.min.js" charset="utf-8"></script>
<script src="${ctxPath}/static/backend/sds/qcportal/qcportal.js"></script>
<script src="${ctxPath}/static/common/js/dateUtil.js"></script>

<!--<script type="text/javascript" src="http://127.0.0.1:8088/mediway/sds/sdstool.js?v=1.0" charSet="utf-8"></script>-->
<!--<script type="text/javascript">-->
<!--    SdsTool.loader({'episodeId':2020});-->
<!--</script>-->

@}